<script>

	$(function() {

		$("#PesquisaAlunoAlunoNome").autocomplete({
			source: function( request, response ) {
				$.ajax({
					url: '<?php echo $this->Html->url(array('controller' => 'alunos', 'action' => 'pesquisar')); ?>',
					dataType: "jsonp",
					data: {
						nome: request.term
					},
					success: function( data ) {
						response( $.map( data, function( item ) {
							return {
								id: item.id,
								value: item.value
							}
						}));
					}
				});
			},
			
			minLength: 3,
			
			select: function( event, ui ) {
				$("#PesquisaAlunoAlunoId").val(ui.item.id);
				$("#PesquisaAlunoAlunoNome").val(ui.item.value);
				carregar_ficha_financeira(ui.item.id);
			},
			open: function() {
				$( this ).removeClass( "ui-corner-all" ).addClass( "ui-corner-top" );
			},
			close: function() {
				$( this ).removeClass( "ui-corner-top" ).addClass( "ui-corner-all" );
			}
		});

		function carregar_ficha_financeira(aluno_id) {

			$.ajax({
				type: 'POST',
				url: '<?php echo $this->request->base; ?>/aluno_financeiros/ficha_financeira_aluno/' + aluno_id,
				async: true,
				beforeSend : function() {},
				success: function(html){
					$('#div_ficha_financeira_aluno').html(html);
				}
				
			});
			
		}

	});
	
</script>

<?php

	$this->Html->css('ficha_financeira', null, array('inline' => false));

	echo '<fieldset><legend>Pesquisa</legend>';
	echo $this->Form->create('PesquisaAluno');
	echo $this->Form->input('aluno_id',array('type' => 'hidden'));
	echo $this->Form->input('aluno_nome', array('type' => 'text', 'label' => __('Aluno(a)'), 'class' => 'tamanho50'));
	echo $this->Form->end();
	echo '</fieldset>';
	
	echo '<div id="div_ficha_financeira_aluno"></div>';